	<div id="deb"></div>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Aulas Web</title>
        <link rel="shortcut icon" href="./imagenes/interfaz/edu.png" type="image/x-icon" /> 
       
		<!-- STYLES -->
        <!-- <link href="css/ui-lightness/jquery-ui-1.8.11.custom.css" id="cssRef" type="text/css"  rel="stylesheet" /> -->
        <!-- <link href="css/dark-hive/jquery-ui-1.8.11.custom.css" id="cssRef" type="text/css"  rel="stylesheet" /> --> 
        <!--  -->
        <link href="css/jQuery_custom_dark/jquery-ui-1.8.18.custom.css" id="cssRef" type="text/css"  rel="stylesheet" /> 
        <link href="css/aulas.css" type="text/css"  rel="stylesheet" />
		
       
        <!-- <link href="css/jQuery_custom_light/jquery-ui-1.8.18.custom.css" id="cssRef" type="text/css"  rel="stylesheet" /> --> 
        <!--  <link href="css/jQuery_custom_light_2/jquery-ui-1.8.18.custom.css" id="cssRef" type="text/css"  rel="stylesheet" /> -->
        <!-- <link href="css/jQuery_custom_light_3/jquery-ui-1.8.18.custom.css" id="cssRef" type="text/css"  rel="stylesheet" />  -->
      <!-- STYLES -->
		
		<!-- OBS: segun libro High Performance Javascript, los scripts se deben cargar al final del HTML -->

 <script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-30972517-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
    </head>
    <body class="thrColFixHdr fondo">
    
    <noscript>
    <h1>Esta página requiere JavaScript para funcionar</h1>
    <h2>Active Javascript en su navegador o adquiera un navegador que le permita ejecutar Javascript</h2>
    </noscript>
    
        <div id="container">
        
       			<!-- #header -->	
	            <!-- --> 
	            <div id="header" class="ui-widget-header">
	            	<img id="logo" src="imagenes/interfaz/logoUNS.png" alt="nada" />
	            	<div class="skunk-head">
	            	<div id="debug" class="ui-text-color"></div>
	            		<span class="nombreAplicacion" >Aulas Web</span>	              	              		
						<a href="./html/readme.html">Más información</a>
					</div>
					<div id="panelInputs" >
						<div class="commonControls">
							<div class="radioGroup"> Camara: <div id="divRadiosEscenas" ></div></div>
							<div id="divBotonesFPS"  style="display: none">
								<div class="radioGroup">Paredes: <div id="divRadiosWalls"   ></div></div>
								<div class="radioGroup">Mouse: <div id="divFPSMouseOnOff"   ></div></div>
							</div>
							
							<div class="radioGroup"></div>
							<input id="btnControles" type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only btnConfig2" title="ver Controles" value="Controles" />
							
							
						</div>
						<div class="commonControls">
							<input id="btnNoRenderizar" type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only btnConfig2" title="Si no renderiza, se evitara el consumo de recursos" value="No renderizar" />
			            </div>
	              	</div>
	            </div>
	
	            <!-- end #header -->	
	            	
			 	<!-- <div class="clearfloat" ></div>  -->	

<div id="page" >	<!-- start #page--> <!-- contiene al sidebar izquierdo y la region de renderizado de WebGL -->
			
	<div id="errorContainer" style="display:none" class="ui-widget-content ui-text-color">
	</div>		
			
			
	<div id="sidebarContainer" style="display:none; height:100%" class="ui-widget-content ui-corner-all ">
	
		<!-- #header en sidebar izquierdo-->	
	      <!--        <div id="header" class="ui-widget-header">
	            	<img id="logo" src="imagenes/interfaz/logoUNS.png" alt="nada" />
	            	<div class="skunk-head">
	            	<div id="debug" class="ui-text-color"></div>
	            		<span class="nombreAplicacion" >Aulas Web</span>	              	              		
						<a href="./html/readme.html" style="font-size: small; font-weight: normal;">Más información</a>
						
	            	</div>
	            </div> 	-->
	   <!-- end #header en sidebar izquierdo -->	
 
		<div id="sidebarsMainContent" style="height: 100%">	
					
            <div id="sidebar1" class="ui-text-color" style="height:99%">
                <ul id="ulTabs">
              		
              		<!--  <li ><a href="#panelDebug">Debug</a></li> -->
              		<li><a href="#panelJerarquia">Aulas</a></li>
					<li><a href="#panelBusqueda">Búsqueda</a></li>	
					<li><a href="#panelConfiguraciones">Más Opciones</a></li>
					 	 
						
				</ul>
              
              
              <!-- para debug 
                <div class="debugging" id="panelDebug" style="width:99%; padding:1px; display: inline-block;">
               		 <span id="debugSpan"></span>
                </div>
                -->
                
                <div>
                <div id="panelJerarquia" style="width:99%; padding:1px; display: inline-block;">
                
	                <div id="panelTreeSearch" style="text-align: center" >
		                <div style="border-bottom: 1px solid #555; padding: 2px 0px; text-align: left; ">
		                	<div class="question" value="question_tipo_repos" class="ui-text-color" style="position:absolute; right: 0; "></div>
		                	<span style="margin-left: 10px">Animación: </span>
		                	<div id="divRadiosAnimacionTree" style="  margin: 2px 5px 2px 5px; text-align: left; display: inline-block; font-size: x-small;"  ></div>
		                	<div id="divRadiosAnimacionTreeTipo" style="  margin: 2px 0px 2px 5px; text-align: left; display: inline-block; font-size: x-small;"  ></div>
		                </div>
		                <div >
		                	<div class="question" value="question_jerarquia" class="ui-text-color" style="position:absolute; right: 0;"></div>
		             	   <input id="inputTreeSearch" style="margin-top:5px;  width: 60%;"  class="ui-corner-all fondoTextField" />
			                <span id="btnTreeSearch" class="btnShowPanel" style="float:none" title="Buscar un aula u oficina" >Buscar</span>	
			                <span id="btnTreeSearchClear" class="btnShowPanel" style="float:none" title="Restaurar el arbol original">Restaurar</span>
		                </div>
	                </div>
                
					<div id="divArbolSpaces" style="height:100%; width:100%; overflow:auto; "></div>				
				</div>

				<div id="panelConfiguraciones">
					<div style="font-size: small; display: inline;">
						<!--  <input id="btnScreenshot" style="font-size: small;" type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only btnConfig2" title="Obtiene una imagen del area de renderizado" value="Screenshot" />-->
						<input id="btnScreenshot" type="button" class="btnMasOpciones ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only btnConfig2" title="Obtiene una imagen del area de renderizado" value="Screenshot" />
						<input id="btnCambiarEstilo" type="button" class=" btnMasOpciones ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only btnConfig2" title="Cambia el estilo de la pagina" value="Cambiar Estilo" />
					</div>
					<div>
						<hr></hr>
						<span>Agradecemos su comentario o sugerencia<br>
						Contacto: <code>aulasunsweb@gmail.com</code> </span>
						<hr></hr>
					</div>
				</div>

                <!-- PANEL BUSQUEDA-->
                <div id="panelBusqueda" class="ui-widget-content ui-corner-all ">	
                
                
                <!-- overlay sobre el panel de busqueda, para deshabilitar sus funciones-->
                <div id="overlayPanelBusqueda" class="ui-overlay" style="display:none; text-align: center; width: 100%; position:absolute;">
				<div class="ui-widget-overlay" style="z-index:1000"></div>
				
				<div style="position: absolute; text-align: center; top:0; right: 0">
				<div id="btnOverlayPanelBusqueda" title="Cerrar" class="ui-widget-shadow ui-corner-all" style="position: relative; margin:auto; z-index:1000; display: inline-block; ">
									X												
				</div>
				</div>
				
				<div style="position: absolute; text-align: left; top:35%;">
				<div class="ui-widget-shadow ui-corner-all" style="position: relative; margin:auto; z-index:1000; display: inline-block; ">
								<!-- CARTELES DE AVISO (flotan sobre el area de renderizado) TODO: (juntar todos en uno solo y generalizar) -->												
							<div  class="cartelPanelDeshabilitado" >
									<div >
										<div id="overLayBusquedaTexto"></div>
									</div>						
							</div>								
				</div>

				</div>
				</div>
                <!-- fin overlay-->

                 	 <div class="question" value="question_busqueda" class="ui-text-color" style="position:absolute; right: 0;"></div> 	
                <!-- 	<h3 class="ui-widget-header ui-corner-all ">BÚSQUEDA</h3> -->
					  <!--	<div class="question" value="question_busqueda" ></div>	-->
				 		<div style="margin-left: 5px; margin-top: 5px; /*padding-bottom: 10px;*/"> 
				 		<table  cellpadding="1" cellspacing="1" >
							<tbody>
								<tr>
									<td style="width: 10%">
										Inicio:&nbsp;
									</td>
									<td style="width: 80%">
										 <input style="margin-top:5px;  width: 94%;" id="inputInicio" class="ui-corner-all fondoTextField" />
										 &nbsp;
									 </td>
									<td rowspan="2" valign="middle" style="width: 10%">
										<div>
										<span id="btnSwitchOrder" title="Invertir" />
										</div>
										&nbsp;
									</td>
								</tr>
								<tr>
									<td style="width: 10%">
										Destino:&nbsp;
									</td>
									<td style="width: 80%">
										<input style="margin-top:5px;  width: 94%;" id="inputDestino" class="ui-corner-all fondoTextField" />
										&nbsp;
									</td>
								</tr>
							</tbody>
						</table>
				 		
				 		<div style="width:100%;  display: inline-block; margin-top: 5px;">
				 			<button id="botonGetCamino" class="ui-state-disabled ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" style="margin-top: 0px; margin-right:15px; float: right; font-size: 0.8em; padding: 5px 10px;" title="Presione este botón para realizar la búsqueda" >CÓMO LLEGAR</button>
				 			<span id="btnGetLink" style="float: right;   height:25px; width:25px" title="Obtenga el link de esta búsqueda"></span>
				 		</div>
				 		</div>

				 		<div id="panelCamino" style="display:none">
				 		<hr>
		                 <div class="ui-text-color " style="text-align: left; margin-left: 15px; ">
		               			 <span style="margin-bottom: 4px; font-weight: bolder; display: block">
		               			 	Camino Sugerido
		               			 	<div class="question" style="float: none; vertical-align: text-bottom;" value="question_camino_sugerido" ></div>
		               			 </span>
		               			 
								 <div id="divCamino" style="width:95%" ></div>
								 <br>
						</div>
						</div>		 
						<hr>
						<span class="firmaApp" >Aulas Web - Designed by: JEIB & AAC</span>

				</div>
				</div>
				<!-- fin PANEL BUSQUEDA-->
            </div><!-- end #sidebar1 -->
            </div><!-- end #sidebarContainer -->
            </div><!-- end #sidebarsMainContent, encierra a los submenues -->

            <!-- AREA DE RENDERIZADO WEBGL -->
            <div id="map">	
            
                        
            
             <div id="panelShowText" class="mapInfo" style="position: absolute; z-index: 10; display:none"></div> 
               <div id="btnShowHideSidebar" style="position: absolute; z-index: 10"></div>
               
               <div id="panelBotonesAbrirPaneles" style="position:absolute; right:0px; z-index:10">
               			<span id="btnAbrirPanelUbicacion" title="Abrir panel que muestra la ubicacion (aula/piso/nivel)" style="display:none" class="btnShowPanel" /></span>
               			<span id="btnAbrirPanelAnimacion" title="Abrir panel Controles de Animación" style="display:none" class="btnShowPanel" /></span>
	              		<span id="btnAbrirPanelCamara" title="Abrir panel Controles de Camara"  style="display:none"class="btnShowPanel" /></span>
	              		<span id="btnAbrirPanelStats"  title="Abrir panel Estadisticas de Renderizado"  style="display:none" class="btnShowPanel"   /></span>
	              		<span id="btnAbrirPanelContexto" title="Abrir panel Contexto" style="display:none"  class="btnShowPanel"  /></span>
               </div>
               
				<!-- PANEL CONTROLES CAMARA --><!-- la funcionalidad se la provee plugin_UI_camara (llamada desde controller_webgl.init()) -->
				<div id="divControlesCamara" class="panelControlesCamara">
				
				<div class="panelControles">
				<div class="ui-widget-content  ui-corner-all" style="padding-bottom: 5px">	
					<div class="ui-widget-header ui-corner-all " style="width: 99%; display: inline-block;">
						<div id="btnCerrarPanelCamara" class="cross" style="float: right;"></div>
	                 	<div class="question" value="question_controles_camara" ></div>
	                	<h3 ></h3>
					</div>
					 <div  style="text-align: center">
						<div>
						<div style="display: none; height:100px">
						</div>
						<div style="display: block;">
						
							<img id="imgDesplImgOverlay" src="./imagenes/interfaz/circulo_overlay3.png" style="pointer-events: none; display:none; position:absolute" />
							<img id="imgDesplImg" src="./imagenes/interfaz/circuloDrag.png"  width="54" height="54" alt="desplazarCamara" usemap="#desplazarCamara" />
							<map name="desplazarCamara">
							  <area title="Desplazar Camara" style="width:54px; height:54px" id="areaDesplCamara" shape="circle" coords="27,26,25" alt="Desplazar Camara"  />
							</map>
							</div>
							<div style="display: block;">
							<img id="imgOrientImgOverlay" src="./imagenes/interfaz/circulo_overlay3.png" style="pointer-events: none; display:none; position:absolute" />
							<img id="imgOrientImg" src="./imagenes/interfaz/circuloOrientacion.png"  alt="animarOrientacion" usemap="#orientacionCamara" />
							<map name="orientacionCamara">
							  <area  id="areaOrientacionCamara" shape="circle" coords="27,26,25" alt="Animar Orientacion" title="Cambiar Orientacion" />
							</map>
							</div>
							<div style="display: block;">
								<span class="btnZoom" style="margin-bottom: 2px" id="btnZoomIn" title="Zoom in"></span>
								<span class="btnZoom" id="btnZoomOut" title="Zoom out" ></span>
							</div>
							
						</div>						
					 </div>
				</div>
				</div>
				</div>
				<!-- fin PANEL CONTROLES CAMARA -->
				
				
				
				<!-- PANEL CONTROLES DE ANIMACION -->
				<div id="divAnimacion" class="panelAnimacion">
				
				<div class="panelControles">
				<div class="ui-widget-content  ui-corner-all panelDomContainerHeader">	
					<div class="ui-widget-header ui-corner-all ">
						<div id="btnCerrarPanelAnimacion" class="cross" style="float: right;"></div>
	                 	<div class="question" value="question_controles_animacion" ></div>
	                 	<div id="btnAbrirTiposAnimacion" class="botonTipoAnimacion"></div>
	                	<h3 >Animación</h3>
					</div>
					 <div  style="text-align: center">
					  	<div style="margin:5px 0">
						 	<button id="playPause" class="ui-state-disabled">Play</button>
						 	<button id="stop" class="ui-state-disabled">Stop</button>
						 </div>
						 <div id="tiposAnim" style="margin-bottom: 5px" >						 
						 	<hr style="margin:0; ">
								<div id="divRadiosAnimacion" class="textFont" style="display:inline-block;"></div>
								<div style="display:inline-block; vertical-align: text-top;"><div id="btnCerrarTiposAnimacion" class="cross"></div></div>
								<hr style="margin:0">
						 </div>
						
					 </div>
				</div>
				</div>
				</div>
				<!-- fin PANEL CONTROLES DE ANIMACION -->
				
				
				<!-- PANEL CONTEXTO -->
				<div id="divContexto" style="display:none; position: absolute; font-size: 0.75em; z-index: 10;">
							<div id="btnCerrarPanelContexto" class="cross" style="float: right;"></div>
		                 	<div class="question" style="float: right;" value="question_context"></div>
		                	
						 <div  id="contexto"></div>
				</div>
				<!-- fin CONTEXTO -->
				
				
				<!-- PANEL DATA UBICACION  
				<div id="divDataUbicacion" class="panelUbicacion" style="display:none; margin-left: 10px">
					<div class="panelControles">
					<div class="ui-widget-header  ui-corner-all panelDomContainerHeader" >	
						<div class="ui-widget-header ui-corner-all ">
							<div id="btnCerrarPanelDataUbicacion" class="cross" style="float: right;"></div>
		                	<h3>Ubicacion</h3>
						</div>
						 <div  id="dataUbicacion">
						 		
						 </div>
					</div>
					</div>
				</div>-->
				<div id="divDataUbicacion" class="panelUbicacion" style="display:none;">
					<div>
					<div  id="dataUbicacion"></div>
					<div id="btnCerrarPanelDataUbicacion" class="cross2" ></div>
					</div>
				</div>
				<!-- fin PANEL DATA UBICACION  -->
				
				
				<!-- PANEL STATS -->
				<div id="divStats" class="panelStats">
					<div class="panelControles">
					<div class="ui-widget-header  ui-corner-all panelDomContainerHeader" >	
						<div class="ui-widget-header ui-corner-all ">
							<div id="btnCerrarPanelStats" class="cross" ></div>
		                 	<div class="question" value="question_stats"></div>
		                	<h3>Stats</h3>
						</div>
						 <div  id="stats"></div>
					</div>
					</div>
				</div>
				<!-- fin PANEL STATS -->
				

				<!-- PANEL DATA RENDERER (para debug) -->
				<div id="divDataRenderer" class="panelStats" style="display:none">
					<div class="panelControles">
					<div class="ui-widget-header  ui-corner-all panelDomContainerHeader" >	
						<div class="ui-widget-header ui-corner-all ">
							<div id="btnCerrarPanelDataRenderer" class="cross" style="float: right;"></div>
		                	<h3>Data Renderer</h3>
						</div>
						 <div  id="dataRenderer"></div>
					</div>
					</div>
				</div>
				<!-- fin PANEL DATA RENDERER -->
				
				<!-- overlay PANEL DE RENDERIZADO -->
				<div id="overlayCanvas" class="ui-overlay" style="text-align: center; height: 100%; width: 100%; position:absolute;">
				<div class="ui-widget-overlay" style="z-index:1000"></div>
				<div style="position: absolute;width: 100%;height: 100%;text-align: center; top:30%;">
				<div class="ui-widget-shadow ui-corner-all" style="position: relative; margin:auto; z-index:1000; display: inline-block; ">
								<!-- CARTELES DE AVISO (flotan sobre el area de renderizado) TODO: (juntar todos en uno solo y generalizar) -->				
							<div id="cartelNoRenderizando" class="progreso" style="display:none">
									<div >
										<div >Renderizado off<br>(decisión del usuario)</div>
									</div>						
							</div>	
							
							<div id="progresoCarga" class="progreso">
									<div >
										<div >Generando Mundo</div>
									</div>						
							</div>	
							
							<div id="progresoEsperando" class="progreso" style="display:none">
							<div > <!-- mostramos camino -->
							
										  <span >Esperando al servidor</span>				  
										 
							</div>
							</div>
							<div id="progresoGenerandoDatos" class="progreso" style="display:none">
							<div > <!-- mostramos camino -->
							
										  <span>Trabajando</span>				  
										 
							</div>
							</div>
							<!-- fin CARTELES DE AVISO (flotan sobre el area de renderizado) -->
							
				</div>
				</div>
				</div>
				<!-- fin overlay PANEL DE RENDERIZADO -->
				
				
				<!-- PANEL DE RENDERIZADO -->
				<div id="canvas_webgl"  style=" height: 100%; width: 100%; background-color: #fff;" tabindex="0"></div>
				<!-- fin PANEL DE RENDERIZADO -->	
				
			
		</div><!-- end #map -->
            
            </div> <!-- end #page -->
			
			
			
		
			
			
        </div> <!-- end #container -->		
		
		
		<!-- IMAGENES PARA LA GALERIA (esto no se renderiza)-->
		<div id="linksGalleria" style="display: none;"></div>
		<!-- fin IMAGENES PARA LA GALERIA (esto no se renderiza)-->
		
		
		<!-- DIALOGO CONTROLES -->
		 <div id="dialogoControles" style="display: none;" title="Controles">
			<div id="controlesFLY" class="acordionEnDialogo" style="display: none; font-size: 0.8em; padding-bottom: 5px; text-align: center; margin-top: 10px;">
							<h3><a href="#">Controles Teclado</a></h3>
							<div>
								<table cellpadding="1" cellspacing="0" border="1" style="width:100%">
								
								<tr>
								<td width="28%" align="center"><b>Tecla</b></td>
								<td width="68%" align="center"><b>Función</b></td>
								</tr>
								<tr><td>&uarr;</td><td>Avanzar</td></tr>
								<tr><td>&larr;</td><td>Rotar a izquierda</td></tr>
								<tr><td>&darr;</td><td>Retroceder</td></tr>
								<tr><td>&rarr;</td><td>Rotar a derecha</td></tr>
								<tr><td>R</td><td>Desplazar hacia arriba</td></tr>
								<tr><td>F</td><td>Desplazar hacia abajo</td></tr>
								<tr><td>W</td><td>Rotar hacia arriba</td></tr>
								<tr><td>A</td><td>Desplazar a izquierda</td></tr>
								<tr><td>S</td><td>Rotar hacia abajo</td></tr>
								<tr><td>D</td><td>Desplazar a derecha</td></tr>
								<tr><td></td><td></td></tr>
								<tr><td>T</td><td>Habilitar/deshabilitar renderizado</td></tr>
								<tr><td>P</td><td>Posicion inicial</td></tr>
								<tr><td></td><td></td></tr>
								<tr><td colspan="2">OBS: al area de visualizacion debe tener foco (haga click sobre ella)</td></tr>
								</table>
							</div>		
								
							<h3><a href="#">Controles Mouse</a></h3>
							<div>
								<table cellpadding="1" cellspacing="0" border="1" style="width:100%">
								
								<tr>
								<td width="48%" align="center"><b>Evento</b></td>
								<td width="48%" align="center"><b>Función</b></td>
								</tr>
								
								<tr><td>Drag boton izquierdo</td><td>Desplazamiento</td></tr>
								<tr><td>Drag boton rueda</td><td>Rotar camara</td></tr>
								<tr><td>Mouse wheel</td><td>Zoom in/out</td></tr>
								</table>
							</div>	
				</div>
				
				
			<div id="controlesFPS" class="acordionEnDialogo" style="display: none;  font-size: 0.8em; padding-bottom: 5px; text-align: center; margin-top: 10px;">
							<h3><a href="#">FPS Controles Teclado</a></h3>
							<div>
								<table cellpadding="1" cellspacing="0" border="1" style="width:100%">
								
								<tr>
								<td width="28%" align="center"><b>Tecla</b></td>
								<td width="68%" align="center"><b>Función</b></td>
								</tr>
								<tr><td>&uarr;</td><td>Avanzar</td></tr>
								<tr><td>&larr;</td><td>Rotar a izquierda</td></tr>
								<tr><td>&darr;</td><td>Retroceder</td></tr>
								<tr><td>&rarr;</td><td>Rotar a derecha</td></tr>
								<tr><td>R</td><td>Desplazar hacia arriba</td></tr>
								<tr><td>F</td><td>Desplazar hacia abajo</td></tr>
								<tr><td>W</td><td>Rotar hacia arriba</td></tr>
								<tr><td>A</td><td>Desplazar a izquierda</td></tr>
								<tr><td>S</td><td>Rotar hacia abajo</td></tr>
								<tr><td>D</td><td>Desplazar a derecha</td></tr>
								<tr><td></td><td></td></tr>
								<tr><td>T</td><td>Habilitar/deshabilitar renderizado</td></tr>
								<tr><td>P</td><td>Posicion inicial</td></tr>
								<tr><td></td><td></td></tr>
								<tr><td colspan="2">OBS: al area de visualizacion debe tener foco (haga click sobre ella)</td></tr>
								</table>
							</div>		
								
							<h3><a href="#">Controles Mouse</a></h3>
							<div>
								<table cellpadding="1" cellspacing="0" border="1" style="width:100%">
								
								<tr>
								<td width="48%" align="center"><b>Evento</b></td>
								<td width="48%" align="center"><b>Función</b></td>
								</tr>
								
								<tr><td>Drag boton izquierdo</td><td>Desplazamiento</td></tr>
								<tr><td>Drag boton rueda</td><td>Rotar camara</td></tr>
								<tr><td>Mouse wheel</td><td>Zoom in/out (FOV)</td></tr>
								</table>
							</div>	
				</div>
		</div>
		<!-- fin DIALOGO CONTROLES -->
		
		
		
		<!-- |||||||||||||||||||||||||||||||||| SCRIPTS |||||||||||||||||||||||||||||||||| -->
		<script  type="text/javascript" >
			//valores de los comboboxes de inicio y destino
			var aulaInicio = "";
			var aulaDestino = "";
			var animarAlCargar = false; //para determinar si hay q buscar un camino apenas se carga la pagina
		/*
			<?php if (isset($_GET['inicio'])){
				echo "aulaInicio = '".$_GET['inicio']."';";
			}
				
			 if (isset($_GET['destino'])){
				echo "aulaDestino = '".$_GET['destino']."';";
			}
			
			 if ((isset($_GET['inicio'])&isset($_GET['destino']))){
				echo "animarAlCargar = true";
				
			}?>	*/
		</script>
		
        <!-- SCRIPTS de JQuery -->
        <script src="js/jquery/jquery-1.7.1.min.js" type="text/javascript"></script>
        <script src="js/jquery/jquery-ui-1.8.18.custom.min.js" type="text/javascript" ></script>
        
         <script src="js/jquery/jqueryextras.min.js" type="text/javascript" ></script>
        <!-- El script jquery extras tiene estos 4 js.
        <script src="js/jquery/jquery.cookie.js" type="text/javascript" ></script>
        <script src="js/jquery/jquery.jstree.js" type="text/javascript" ></script> 
         https://github.com/brandonaaron/jquery-mousewheel/downloads 
        <script type="text/javascript" src="js/jquery/jquery.mousewheel.js"></script>
        <script src="js/jquery/pirobox_extended_feb_2011.js" type="text/javascript"></script>	
        	-->
        
        <!-- TOOLTIPS con otro formato 
            descomentar la linea en UI_panel_playback: 
        	$(this).tooltip({predelay: 1000});
        	<script type="text/javascript" src="js/jquery/jquery.tools.min.tooltip.js"></script>
         -->
         		
		<!--  galeria de imagenes -->
		<!--el script esta incluido en jqueryextras.min-->
		<link href="css/css_pirobox/style_5/style.css" rel="stylesheet" type="text/css" />
        
        

		<!-- SCRIPTS para WEBGL -->
		<script src="js/THREE/build/Three.js" type="text/javascript"></script>
		<script src="js/paraDebugTriangulate.js" type="text/javascript"></script>
	
		<!-- El script THREE extras tiene estos 5 js adentro
			<script src="js/THREE/THREEextras.min.js" type="text/javascript"></script> -->
		<script src="js/THREE/Tween.js" type="text/javascript"></script>
		<script src="js/THREE/RequestAnimationFrame.js" type="text/javascript"></script>
		<script src="js/THREE/Stats.js" type="text/javascript"></script>
		<script src="js/THREEx.screenshot.js" type="text/javascript" ></script>
		<script src="js/GeometryMerger.js" type="text/javascript"></script>
		
		 <!-- fin SCRIPTS para WEBGL -->
		 
		 
		 <!-- NEW NEW NEW  -->
		 <!-- NEW NEW NEW  -->
		 <!-- NEW NEW NEW  -->
		 <!-- NEW NEW NEW  -->
		 
		 <!-- SCRIPTS WEBGL -->
		<script src="js/aulas/webgl/controller_webgl.js" type="text/javascript" ></script>	
		<script src="js/aulas/webgl/controller_webgl_context.js" type="text/javascript" ></script>
		
		 <!-- SCRIPTS WEBGL PANELES -->
		 <script src="js/aulas/webgl/paneles/domEvents.js" type="text/javascript" ></script>	
		<script src="js/aulas/webgl/paneles/domContainerPanelController.js" type="text/javascript" ></script>
		<script src="js/aulas/webgl/paneles/builder_panel.js" type="text/javascript" ></script>
		<script src="js/aulas/webgl/paneles/UI_panel_stats.js" type="text/javascript" ></script>
		<script src="js/aulas/webgl/paneles/UI_panel_camara_circle.js" type="text/javascript" ></script>	
		<script src="js/aulas/webgl/paneles/UI_panel_camara_zoom.js" type="text/javascript" ></script>
		<script src="js/aulas/webgl/paneles/UI_panel_camara.js" type="text/javascript" ></script>
		<script src="js/aulas/webgl/paneles/UI_panel_ubicacion.js" type="text/javascript" ></script>
		<script src="js/aulas/webgl/paneles/UI_panel_data_renderer.js" type="text/javascript" ></script>
		
		<!-- SCRIPTS WEBGL three_extension -->
	<!-- 	<script src="js/aulas/webgl/three_extension/three_flyControls.js" type="text/javascript"></script> -->
		<script src="js/aulas/webgl/three_extension/three_flyControlsPrueba.js" type="text/javascript"></script>
		
		
		<!-- SCRIPTS WEBGL BUILDERS -->
		
		<script src="js/aulas/webgl/builders/builder_material_library.js" type="text/javascript" ></script>
		<script src="js/aulas/webgl/builders/builder_geometry_library.js" type="text/javascript" ></script>
		<script src="js/aulas/webgl/builders/builder_scene_objects.js" type="text/javascript" ></script>
		<script src="js/aulas/webgl/builders/builder_scene.js" type="text/javascript" ></script>
		<!-- <script src="js/aulas/webgl/builders/builder_textures.js" type="text/javascript" ></script> -->
		
		<!-- SCRIPTS WEBGL BUILDERS MESHES-->
		<script src="js/aulas/webgl/builders/geometries/ParedGeometry.js" type="text/javascript" ></script>
		
		<!-- SCRIPTS WEBGL BUILDERS MESHES-->
		<script src="js/aulas/webgl/builders/meshes/builder_mesh.js" type="text/javascript" ></script>
		<script src="js/aulas/webgl/builders/meshes/builder_mesh_library.js" type="text/javascript" ></script>
		
		<!-- SCRIPTS WEBGL BUILDERS SCENES-->
		<script src="js/aulas/webgl/builders/scenes/Scene.js" type="text/javascript" ></script>
		<script src="js/aulas/webgl/builders/scenes/AlemScene.js" type="text/javascript" ></script>
		<script src="js/aulas/webgl/builders/scenes/DefaultScene.js" type="text/javascript" ></script>
		<script src="js/aulas/webgl/builders/scenes/FirstPersonScene.js" type="text/javascript" ></script>
		<script src="js/aulas/webgl/builders/scenes/BuildingScene.js" type="text/javascript" ></script>
		
		<!-- SCRIPTS ANIMATION -->
		<script src="js/aulas/animation/UI_panel_playback.js" type="text/javascript" ></script>	
		<script src="js/aulas/animation/controller_playback.js" type="text/javascript" ></script>
		<script src="js/aulas/animation/builder_tweens.js" type="text/javascript" ></script>
		<script src="js/aulas/animation/controller_tweens.js" type="text/javascript" ></script>		
		<script src="js/aulas/animation/controller_tweens_playback.js" type="text/javascript" ></script>	
		<script src="js/aulas/animation/model_estadoAnimacion.js" type="text/javascript" ></script>
		
		<!-- SCRIPTS EXTRAS -->
		<script src="js/aulas/extras/utils.js" type="text/javascript" ></script>	
		<script src="js/aulas/extras/controller_cookies.js" type="text/javascript"></script>
        <script src="js/aulas/extras/controller_galeria.js" type="text/javascript"></script>
		<script src="js/aulas/extras/controller_dialogos.js" type="text/javascript" ></script>	
		
		<!-- SCRIPTS INIT -->
		<script src="js/aulas/init/init_config_file.js" type="text/javascript" ></script> 
        <script src="js/aulas/init/init_index_onload.js" type="text/javascript"></script> 
        
		<!-- SCRIPTS CONTROLFLOW-->
		<script src="js/aulas/controlFlow/controller_page_state.js" type="text/javascript" ></script> 
		<script src="js/aulas/controlFlow/controller_controlFlow.js" type="text/javascript" ></script> 
		
		<!-- SCRIPTS CONTROLFLOW SEARCH-->
		<script src="js/aulas/controlFlow/search/controller_busqueda.js" type="text/javascript" ></script>
		<script src="js/aulas/controlFlow/search/UI_panel_busqueda.js" type="text/javascript" ></script>
		<script src="js/aulas/controlFlow/search/controller_panelCamino.js" type="text/javascript"></script>
		
		<!-- SCRIPTS CONTROLFLOW HIERARCHY-->
		 <script src="js/aulas/controlFlow/hierarchy/controller_jerarquia_spaces.js" type="text/javascript"></script>
		<script src="js/aulas/controlFlow/hierarchy/UI_panel_jerarquia.js" type="text/javascript" ></script>
		
		<!-- SCRIPTS CONTROLFLOW HIERARCHY MODELS -->
		<script src="js/aulas/controlFlow/hierarchy/model/model_jerarquia_spaces.js" type="text/javascript" ></script>		
		<script src="js/aulas/controlFlow/hierarchy/model/model_space.js" type="text/javascript" ></script>	
		<script src="js/aulas/controlFlow/hierarchy/model/model_portal.js" type="text/javascript" ></script>	
		<script src="js/aulas/controlFlow/hierarchy/model/model_landmark.js" type="text/javascript" ></script>
		<script src="js/aulas/controlFlow/hierarchy/model/model_floor.js" type="text/javascript" ></script>
		
		
		
		

		<!-- |||||||||||||||||||||||||||||||||| fin SCRIPTS |||||||||||||||||||||||||||||||||| -->
    </body>
</html>
